/**
 * Created by chesw on 2017/5/4.
 */
var clinicHead = Vue.extend({
    props: [],
    methods: {

    },
    template: '<header class="out-clinic-head">' +
    '<div class="clinic-head">' +
        '<div class="clinic-head-top-right clinic-head-login">' +
            '<span>登录</span>' +
            '<span>注册</span>' +
        '</div>' +
        '<div class="clinic-head-top-right clinic-head-user">' +
            '<span>欢迎，陈国清</span>' +
            '<span>个人中心</span>' +
            '<span>[退出]</span>' +
        '</div>' +
        '<div class="clinic-head-mid">' +
            '<img class="logo" src="../image/logo.png">' +
            '<div class="search">' +
                '<div class="search-inner">' +
                    '<input class="input-search" type="text">' +
                '</div>' +
                '<div class="search-btn">搜索</div>' +
                '<div class="late-search">乌镇互联网会议，广东中医院，甲亢，乌镇互联网会议，乌镇互联网会议</div>' +
            '</div>' +
            '<div class="date-phone">' +
                '<div class="hot-line">免费热线 400-110-8102</div>' +
                '<div class="work-time">周一至周日 8:00-20:00</div>' +
            '</div>'+
        '</div>' +
        '<div class="clinic-head-nav">' +
            '<div class="nav-list">' +
                '<a class="valid-nav">首页</a>' +
                '<a class="invalid-nav">专家预约</a>' +
                '<a class="invalid-nav">特色诊疗</a>' +
                '<a class="invalid-nav">医学百科</a>' +
                '<a class="invalid-nav">最新动态</a>' +
                '<a class="invalid-nav">关于我们</a>' +
            '</div>' +
            '<div class="iphone-clinic">' +
                '<img class="img" src="../image/phone_clinic.png">' +
                '<img class="head-qr-code" src="../image/clinic_t.png">' +
            '</div>' +
        '</div>' +
    '</div></header>'
});

//右边操作栏
var clinicRight = Vue.extend({
    props: [],
    data: function () {
        return {
            showQkRe: false,
            showSuggest: false
        }
    },
    methods: {},
    template: '<div class="clinic-right-sidebar">' +
    '<div class="sidebar-btn-list">' +
        '<div class="sidebar-btn sidebar-btn-valid">' +
            '<img src="../image/right1.png">' +
            '<div>顶部</div>' +
        '</div>' +
        '<div class="sidebar-btn" @click="showQkRe = true">' +
            '<img src="../image/right2.png">' +
            '<div>预约</div>' +
        '</div>' +
        '<div class="sidebar-btn sidebar-code-right">' +
            '<img src="../image/right3.png">' +
            '<div>扫扫</div>' +
            '<img class="sidebar-code" src="../image/clinic_r.png">' +
        '</div>' +
        '<div class="sidebar-btn" @click="showSuggest = true">' +
            '<img src="../image/right4.png">' +
            '<div>建议</div>' +
        '</div>' +
    '</div>' +
    '<div class="background-cloth" v-if="showQkRe || showSuggest"></div>' +
    '<div class="sidebar-dialog quick-reserve" v-if="showQkRe">' +
        '<div class="out-title">' +
            '<div class="inner-title">快速预约<i class="close-dialog" @click="showQkRe = false"></i></div>' +
        '</div>' +
        '<div class="notice">' +
            '<p>预约申请提交后，我们的工作人员会在收到后的第一时间联系您</p>' +
            '<p>请保持手机畅通，谢谢</p>' +
        '</div>' +
        '<div class="input-box">' +
            '<div class="input-title quick-title">您的名字：</div>' +
            '<div class="input-value quick-value">' +
                '<input id="name" placeholder="您的名字" type="text">' +
                '<i class="delete_icon"></i>' +
            '</div>' +
        '</div>' +
        '<div class="input-box">' +
            '<div class="input-title quick-title">手机号码：</div>' +
            '<div class="input-value quick-value">' +
                '<input id="phone" placeholder="手机号" type="tel" maxlength="11">' +
                '<i class="delete_icon"></i>' +
            '</div>' +
        '</div>' +
        '<div class="input-box">' +
            '<div class="input-title quick-title">预约专家名称：</div>' +
            '<div class="input-value quick-value">' +
                '<input id="expert-name" placeholder="专家姓名" type="text">' +
                '<i class="delete_icon"></i>' +
            '</div>' +
        '</div>' +
        '<div class="confirm-btn qk-re-btn">提交预约</div>' +
    '</div>' +
    '<suggest-dialog v-if="showSuggest"></suggest-dialog>' +
    '<div class="sidebar-dialog customer-suggest" v-if="showSuggest">' +
        '<div class="out-title">' +
            '<div class="inner-title">投诉建议' +
                '<i class="close-dialog" @click="showSuggest = false"></i>' +
            '</div>' +
        '</div>' +
        '<p class="notice">瑞慈诊所欢迎每一位用户对我们的服务进行监督并提出宝贵的意见</p>' +
        '<div class="content">' +
            '<p>您可以：</p>' +
            '<p>1、拨打我们的全国服务专线：4001-108-102</p>' +
            '<p>2、请给我们留言，我们将在2个工作日内给予回复，非常感谢对瑞慈诊所的督促和支持！</p>' +
            '<p>3、请给我们留言' +
                '<div class="textarea-box">' +
                    '<div class="textarea-title suggest-title">留言内容：</div>' +
                    '<div class="textarea-value suggest-value">' +
                        '<textarea class="value"  placeholder="请输入您的宝贵意见"></textarea>' +
                    '</div>' +
                '</div>' +
                '<div class="input-box">' +
                    '<div class="input-title suggest-title">您的名字：</div>' +
                    '<div class="input-value suggest-value">' +
                        '<input placeholder="名字" type="text">' +
                        '<i class="delete_icon"></i>' +
                    '</div>' +
                '</div>' +
                '<div class="input-box">' +
                    '<div class="input-title suggest-title">联系方式：</div>' +
                    '<div class="input-value suggest-value">' +
                        '<input placeholder="手机号/邮箱" type="text">' +
                        '<i class="delete_icon"></i>' +
                    '</div>' +
                '</div>' +
                '<div class="confirm-btn ct-sg-btn">提交建议</div>' +
            '</p>' +
        '</div>' +
    '</div>' +
    '</div>'
});
//意见投诉弹窗
var suggestDialog = Vue.extend({
    props: [],
    methods: {},
    template: '<div class="sidebar-dialog customer-suggest">' +
    '<div class="out-title">' +
        '<div class="inner-title">投诉建议' +
            '<i class="close-dialog" @click="showSuggest = false"></i>' +
        '</div>' +
    '</div>' +
    '<p class="notice">瑞慈诊所欢迎每一位用户对我们的服务进行监督并提出宝贵的意见</p>' +
    '<div class="content">' +
        '<p>您可以：</p>' +
        '<p>1、拨打我们的全国服务专线：4001-108-102</p>' +
        '<p>2、请给我们留言，我们将在2个工作日内给予回复，非常感谢对瑞慈诊所的督促和支持！</p>' +
        '<p>3、请给我们留言' +
            '<div class="textarea-box">' +
                '<div class="textarea-title suggest-title">留言内容：</div>' +
                '<div class="textarea-value suggest-value">' +
                    '<textarea class="value"  placeholder="请输入您的宝贵意见"></textarea>' +
                '</div>' +
            '</div>' +
            '<div class="input-box">' +
                '<div class="input-title suggest-title">您的名字：</div>' +
                '<div class="input-value suggest-value">' +
                    '<input placeholder="名字" type="text">' +
                    '<i class="delete_icon"></i>' +
                '</div>' +
            '</div>' +
            '<div class="input-box">' +
                '<div class="input-title suggest-title">联系方式：</div>' +
                '<div class="input-value suggest-value">' +
                    '<input placeholder="手机号/邮箱" type="text">' +
                    '<i class="delete_icon"></i>' +
                '</div>' +
            '</div>' +
            '<div class="confirm-btn ct-sg-btn">提交建议</div>' +
        '</p>' +
    '</div></div>'
});

//诊所标准底部
var clinicFoot = Vue.extend({
    props: [],
    methods: {},
    template: '<div class="clinic-foot">' +
    '<div class="inner-foot">' +
        '<div class="logo">' +
            '<img src="../image/clinic_logo.png">' +
        '</div>' +
        '<div class="clinic-info">' +
            '<p>地点：上海市静安区江宁路212号3F</p>' +
            '<p>总机电话：021-62585075</p>' +
            '<p>全国服务热线：4001-108-102</p>' +
        '</div>' +
        '<div class="copy-right">' +
            '<div style="text-align: right">' +
                '<span>关于我们</span> |' +
                '<span>隐私政策</span> |' +
                '<span>版权说明</span>' +
            '</div>' +
            '<div class="copy">沪ICP备15049800号-1 瑞慈健康体检全国连锁机构版权所有COPYRIGHT ©2015 TG.COM.CN ALL RIGHTS RESERVED</div>' +
        '</div>' +
    '</div></div>'
});
//预约流程
var clinicProcess = Vue.extend({
    props:[],
    methods:{},
    template:'<div class="clinic-process">'+
    '<h1 class="clinic-process-title">精准预约的流程</h1>'+
    '<div class="clinic-process-list">'+
        '<p>申请精准预约，选择期望的专家医生。</p>'+
        '<p>在对应的专家排班表里选择就诊时间</p>'+
        '<p>选择希望前往的地区诊所就诊</p>'+
        '<p>填写真实有效的预约信息，以便我们的客服确认信息</p>'+
        '<p>诊所客服电话联系，确认就诊信息</p>'+
    '</div></div>'
});
//左边tab切换
var clinicLeftTab = Vue.extend({
    props: ['tab'],
    methods: {
        changeTab: function (p_index, p_key, p_id) {
            this.$emit('changetab', {first: p_index, second: p_key, id: p_id})
        }
    },
    template: '<div class="clinic-left-tab">' +
        '<div class="tab-title">{{tab.title}}' +
            '<div class="line-one"></div>' +
        '</div>' +
        '<div class="tab-group" v-for="(list, index) in tab.tabList">' +
            '<p class="tab" :class="item.cls" v-for="(item, key) in list.list" @click="changeTab(index, key, item.id)">{{item.name}}</p>' +
            '<div class="line-one"></div>' +
        '</div>' +
    '</div>'
});
//页码
var clinicPage = Vue.extend({
    props:[],
    methods:{},
    template:'<div class="clinic-page-box">'+
        '<div class="clinic-page">'+
            '<ul>'+
                '<li class="indexBtn">首页</li>'+
                '<li><</li>'+
                '<li class="pageActive">1</li>'+
                '<li>2</li>'+
                '<li>3</li>'+
                '<li>...</li>'+
                '<li>9</li>'+
                '<li>10</li>'+
                '<li class="lastBtn">末页</li>'+
            '</ul>'+
        '</div>'+
    '</div>'
});
//搜索
var search = Vue.extend({
    props: [],
    template: '<div class="common-search">' +
        '<div class="search-content">' +
            '<input type="text">' +
        '</div>' +
        '<div class="search-btn">搜索</div>' +
    '</div>'
});